Skip to main content

Material slider

Type

widget

Summary

Sliders let users select from a range of values by moving the slider thumb.

Description

The slider is an object which uses a draggable thumb to represent a numeric value in a fixed range. The slider can be oriented horizontally or vertically.

Associated Syntax

Property

NameSummarySyntax
activeTrackThicknessDefine the thickness of the trackget the activeTrackThickness of <widget> set the activeTrackThickness of <widget> to <integer>
normalThumbColorDefines the color of the thumb.get the normalThumbColor of <widget> set the normalThumbColor of <widget> to <RGB Color>
showThumbDefines if the thumb is shown.get the showThumb of <widget> set the showThumb of <widget> to {true | false}
valueMaxThe end value.get the valueMax of <widget> set the valueMax of <widget> to number
thumbBorderHiliteColorDefines color of the thumb border when clicked.get the thumbBorderHiliteColor of <widget> set the thumbBorderHiliteColor of <widget> to <RGB Color>
userInteractionDefines if the slider responds to user events.get the userInteraction of <widget> set the userInteraction of <widget> to {true | false}
showTicksDefines the visibility of the tick marks on the trackget the showTicks of <widget> set the showTicks of <widget> to {true | false}
labelContainerColorDefines color of the label container.get the labelContainerColor of <widget> set the labelContainerColor of <widget> to <RGB Color>
thumbPosThe value of each thumb.get the thumbPosition of <widget> set the thumbPosition of <widget> to list
OrientationDefines the orientation that the scroll bar will have.get the sliderOrientation of <widget> set the sliderOrientation of <widget> to {Auto|Vertical|Horizontal}
thumbHiliteColorDefines the color of the thumb when clicked.get the thumbHiliteColor of <widget> set the thumbHiliteColor of <widget> to <RGB Color>
activeTrackColorDefines the color that the active track will have.get the activeTrackColor of <widget> set the activeTrackColor of <widget> to <RGB Color>
thumbLineSizeThumb line size.get the thumbLineSize of <widget> set the thumbLineSize of <widget> to integer
valueMinThe starting value.get the valueMin of <widget> set the valueMin of <widget> to number
sliderPercentThe value represented as a percent.get the sliderPercent of <widget> set the sliderPercent of <widget> to list
inactiveTrackThicknessDefine the thickness of the trackget the inactiveTrackThickness of <widget> set the inactiveTrackThickness of <widget> to <integer>
inactiveTrackColorDefines the color that the track will have.get the inactiveTrackColor of <widget> set the inactiveTrackColor of <widget> to <RGB Color>
labelTextColorDefines color of the label text.get the labelTextColor of <widget> set the labelTextColor of <widget> to <RGB Color>
valueLabelDisplayDefines if the label is shown.get the valueLabelDisplay of <widget> set the valueLabelDisplay of <widget> to {Auto|On|Off}
TrackDefines how the track highlighting selected range is displayed.get the track of <widget> set the track of <widget> to {None|Normal|Inverted}
thumbRadiusDefine the radius of the thumb.get the thumbRadius of <widget> set the thumbRadius of <widget> to <integer>
thumbBorderColorDefines color of the thumb border.get the thumbBorderColor of <widget> set the thumbBorderColor of <widget> to <RGB Color>
StepThe steps used to match numbers.get the step of <widget> set the step of <widget> to number
cornerRadiusThe radius of the rounded corners.get the cornerRadius of <widget> set the cornerRadius of <widget> to number

Message

NameSummarySyntax
sliderDragStartSent when the user starts to drag the slider thumb.on sliderDragStart
sliderValueChangedSent when the slider thumb is moved by clicking or dragging.on sliderValueChanged <pNewPosition>
sliderDragEndSent when the user stops dragging the slider thumb.on sliderDragEnd